<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品搜索</title>
    <!--bootstrap-->
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <script src="js/productSearch.js"></script>
    <script src="js/HttpUtil.js"></script>
    <script src="js/CacheUtil.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!--页眉-->
<div  id="header"></div>
<!--商品展示-->
<!--商品展示-->
<div class="container ">
    <div class="row" id="div_product_search">

    </div>
</div>



    <template id="template_product_search">
        <div class="col-xs-3 " >
            <div class="thumbnail" style="width: 220px;height: 380px">
                <img src="{picture}"  alt="...">
                <div class="caption">
                    <h3 ><a href="/shop-app/productDetail.html?id={id}">{name}</a></h3>
                    <p>商品介绍：{info}</p>

                </div>
            </div>
        </div>
    </template>












<script>
    $(document).ready(function(){
        $("#header").load("header.html");
    });
</script>



</body>
</html>